<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="{{asset('resources/views/admin/style/css/ch-ui.admin.css')}}">
    <link rel="stylesheet" href="{{asset('resources/views/admin/style/font/css/font-awesome.min.css')}}">
    <script type="text/javascript" src="{{asset('resources/views/admin/style/js/jquery.js')}}"></script>
    <script type="text/javascript" src="{{asset('resources/views/admin/style/js/ch-ui.admin.js')}}"></script>
    <script type="text/javascript" src="{{asset('resources/expand/layer/layer.js')}}"></script>
</head>
<body>
        <!--面包屑导航 开始-->
<div class="crumb_warp">
    <!--<i class="fa fa-bell"></i> 欢迎使用登陆网站后台，建站的首选工具。-->
    <i class="fa fa-home"></i> <a href="{{url('admin/info')}}">首页</a> &raquo; 全部分类
</div>
<!--面包屑导航 结束-->

<!--结果页快捷搜索框 开始-->
<!-- <div class="search_wrap">
    <form action="" method="post">
        <table class="search_tab">
            <tr>
                <th width="120">选择分类:</th>
                <td>
                    <select onchange="javascript:location.href=this.value;">
                        <option value="">全部</option>
                        <option value="http://www.baidu.com">百度</option>
                        <option value="http://www.sina.com">新浪</option>
                    </select>
                </td>
                <th width="70">关键字:</th>
                <td><input type="text" name="keywords" placeholder="关键字"></td>
                <td><input type="submit" name="sub" value="查询"></td>
            </tr>
        </table>
    </form>
</div> -->
<!--结果页快捷搜索框 结束-->

<!--搜索结果页面 列表 开始-->
<form action="#" method="post">
    <div class="result_wrap">
        <!--快捷导航 开始-->
        <div class="result_content">
            <div class="short_wrap">
                <a href="#"><i class="fa fa-plus"></i>新增文章</a>
                <a href="#"><i class="fa fa-recycle"></i>批量删除</a>
                <a href="#"><i class="fa fa-refresh"></i>更新排序</a>
            </div>
        </div>
        <!--快捷导航 结束-->
    </div>

    <div class="result_wrap">
        <div class="result_content">
            <table class="list_tab">
                <tr>
                    <th class="tc" width="5%">排序</th>
                    <th class="tc" width="%">ID</th>
                    <th>分类名称</th>
                    <th>标题</th>
                    <th>查看次数</th>
                    <th>操作</th>
                </tr>

                @foreach($cData as $v)
                    <tr>
                        <td class="tc">
                            <input type="text" onchange="changeOrder(this,'{{$v->cat_id}}')"  value="{{$v->cat_order}}">
                        </td>
                        <td class="tc">{{$v->cat_id}}</td>
                        <td>
                            <a href="#">{{str_repeat('┝▶',$v->lev).$v->cat_name}}</a>
                        </td>
                        <td>{{$v->cat_title}}</td>
                        <td>{{$v->cat_view}}</td>

                        <td>
                            <a href="{{url('admin/cate/'.$v->cat_id.'/edit')}}">修改</a>
                            <a href="#">删除</a>
                        </td>
                    </tr>
                @endforeach




            </table>


            <div class="page_nav">
                <div>
                    <a class="first" href="/wysls/index.php/Admin/Tag/index/p/1.html">第一页</a>
                    <a class="prev" href="/wysls/index.php/Admin/Tag/index/p/7.html">上一页</a>
                    <a class="num" href="/wysls/index.php/Admin/Tag/index/p/6.html">6</a>
                    <a class="num" href="/wysls/index.php/Admin/Tag/index/p/7.html">7</a>
                    <span class="current">8</span>
                    <a class="num" href="/wysls/index.php/Admin/Tag/index/p/9.html">9</a>
                    <a class="num" href="/wysls/index.php/Admin/Tag/index/p/10.html">10</a>
                    <a class="next" href="/wysls/index.php/Admin/Tag/index/p/9.html">下一页</a>
                    <a class="end" href="/wysls/index.php/Admin/Tag/index/p/11.html">最后一页</a>
                    <span class="rows">11 条记录</span>
                </div>
            </div>



            <div class="page_list">
                <ul>
                    <li class="disabled"><a href="#">&laquo;</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </div>
        </div>
    </div>
</form>
<!--搜索结果页面 列表 结束-->
<script>
    {{--这种传参方式很特别,我应该如何去写这个路由呢?--}}
    {{--这里的url又该如何去写呢?category的resource路由下,我们新建一个方法??
            路由的话:
                {{url('admin/cate/change')}}
    --}}
    {{-- data里传入什么到后台,然后我们后台去处理什么?
        1,我需要这条数据的id,利用它去选择表里的那条数据  --在changeorder中传入  {{$v->cat_id}}
        2,我需要知道用户到底输入了什么,根据他输入的值我们才能去改变为指定的数据--在changeorder中传入this
     --}}
    {{--后台应该返回什么在回调函数data中进行判定呢?
        这里老师返回的是:
            $data={
                'staus'=>'0',
                'msg'=>'修改成功'
            }

    --}}
    function changeOrder(obj,id) {
        var oVal=$(obj).val();//这里我们明确的知道obj就是this,所以采用这样的方法是完全没有问题的
        $.post("{{url('admin/cate/change')}}",{ '_token':'{{csrf_token()}}','cat_id':id,'oVal':oVal},function(data){
                if(data.state===0){
                    layer.msg(data.msg,{icon:6});
                }else{
                    layer.msg(data.msg,{icon:5});
                }
        } );
    }
</script>
</body>
</html>

